<template>
	<view class="msgdetail">
		<view class="syspadding navbar">
			<view class="navbarh acea-row row-between-wrapper">
				<view class="acea-row row-middle backbtn" @click="back">
					<image class="back" src="../../static/images/back.png" mode="aspectFit"></image>
					<text style="margin-left: -10rpx;">返回</text>
				</view>
				<view class="fs-34">消息详情</view>
				<view class="backbtn"></view>
			</view>
		</view>
		<view style="width: 100%;height: 170rpx;"></view>
		
		<view class="content">
			<!-- style="width: 670rpx;" -->
			<view class="" >
				<text class="ps">{{ info.ps }}</text>
				<text class="title">{{ info.title }}</text>
			</view>
			<view class="add_time">{{ info.add_time }}</view>
			<view class="text">
				<text>尊敬的纳税人,</text>
				<text>{{ info.content.group_name }}</text>
				<text>于{{ info.content.add_time_date }}已为您办理税款所属期为{{ info.content.topMonth }}的个人所得税扣缴申报。如需了解详情，您可通过</text>
				<text class="nashui" @click="urlclick">【收入纳税明细查询】</text>
				<text>查看先相关信息。如您有疑问，请及时联系该单位进行核实。</text>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	import{
		messagesDetails
	} from '@/api/user.js'
	export default {
		data() {
			return {
				id:'',
				info:[],
				
				
			};
		},
		onLoad(option) {
			this.id = option.id;
			this.getdetail();
		},
		onShow() {
			
		},
		methods:{
			urlclick(){
				 uni.navigateTo({
				 	url:'/pages/index/bill_check'
				 })
			},
			getdetail(){
				let that = this;
				messagesDetails({ id : that.id }).then(res=>{
					that.info = res.data.data;
				})
			},
			back(){
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="scss">
	page{ background-color: #ffffff !important; }
	.msgdetail{
		
		.content{
			padding: 30rpx;
			
			.ps{
				font-size: 24rpx;
				color: #939393;
				letter-spacing: 2rpx;
				margin-right: 10rpx;
			}
			.title{
				font-size: 34rpx;
				font-weight: bold;
				color: #0E0E0E;
				// margin-left: 5rpx;
				letter-spacing: 4rpx;
			}
			.add_time{
				color: #909090;
				font-size: 24rpx;
				margin-top: 10rpx;
			}
			.text{
				font-size: 30rpx;
				color: #5D5D6F;
				letter-spacing: 4rpx;
				line-height: 50rpx;
				margin-top: 40rpx;
			}
			.nashui{
				color: #588CFA;
			}
			
		}
		
		
		.navbar{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100vw;
			background-color: #ffffff;
			border-bottom: 1rpx solid #E6E6E6;
			
			.navbarh{
				width: 100%;
				height: 100rpx;
				padding: 0 30rpx;
				
				.backbtn{
					color: #5186E6;
					width: 150rpx;
				}
				.back{
					width: 60rpx;
					height: 60rpx;
					margin-left: -20rpx;
				}
			}
		}
		
		
	}
</style>
